// document.getElementById('tools-item')

// function ToolsMenuInit(){

// }
import { POPMenuObject } from "./POPMenu";
import { Mask_Show, Mask_Hide } from "./Mask";
import {
    ProjectNew,
    ProjectShowBox,
    ProjectExportPackage,
} from "./ProjectMange.js";

export function Tools_Init() {
    const toolsItemList = document.getElementsByClassName("tools-item");
    for (let i = 0; i < toolsItemList.length; i++) {
        const node = toolsItemList[i];
        node.onclick = (e) => {
            const ele = e.target;
            const id = ele.getAttribute("id");
            console.log(id);
            if (id == "tools_item_alt_f") {
                const menu = POPMenuObject();
                menu.clear();
                menu.add("新建工程", null, () => {
                    ProjectNew();
                });
                menu.add("历史工程", null, () => {
                    ProjectShowBox();
                });
                menu.add("保存（CTRL+S）", null, () => {});
                menu.show(e.clientX, e.clientY);
                Mask_Show(() => {
                    menu.hide();
                });
            } else if (id == "tools_item_alt_p") {
                const menu = POPMenuObject();
                menu.clear();
                menu.add("导出组件（CTRL+ALT+E）", null, () => {
                    ProjectExportPackage();
                });
                menu.add("导入组件（CTRL+ALT+I）", null, () => {});
                menu.show(e.clientX, e.clientY);
                Mask_Show(() => {
                    menu.hide();
                });
            }
        };
    }
}

// function isValidString(str) {
//     // const regex = /^[\u4e00-\u9fa5a-zA-Z0-9_]+$/;
//     const regex = /^(?![0-9])[\u4e00-\u9fa5a-zA-Z0-9_]+$/;
//     return regex.test(str);
// }

// document.querySelectorAll(".tools-pop-item").forEach((element) => {
//     element.onclick = (e) => {
//         const name = element.getAttribute("name");
//         console.log(name);
//         if (name == "NewPro") {
//             ProjectNew();
//         } else if (name == "SelectPro") {
//             ProjectShowBox();
//         } else if (name == "SavePro") {
//             ProjectSave();
//         } else if (name == "Export") {
//             ProjectExportPackage();
//         } else if (name == "Import") {
//             ProjectImportPackage();
//         } else if (name == "Revoke") {
//             ProjectRevoke();
//         } else if (name == "Redo") {
//             ProjectRedo();
//         }

//         maskClose();
//         e.stopPropagation();
//     };
// });

// export function ToolsMenuCancel() {
//     document.querySelectorAll(".pop-list").forEach((element) => {
//         element.style.display = "none";
//     });
// }
